// 第一步：导入路由实例创建相关方法
import { createRouter, createWebHistory } from 'vue-router'
// import JinDong from '@/pages/JinDong.vue'

// 第二步：维护路由项配置
const routes = [
  {
    // 路由名字
    name: 'jingdong',
    // 路由的路径
    path: '/jingdong',
    // 动态导入组件，在点击菜单时才导入该组件，而不是一次性将所有的组件导入到实例中
    component: () => import('@/pages/JinDong.vue'),
    meta: {
      alias: '京东购物',
    },
    // 路由内部可以通过 children属性，配置子路由
    /*children: [
      {
        path: '/jingdong',
        component: () => import('@/pages/JinDong.vue'),
        meta: {
          alias: '京东购物入口',
        },
      },
    ],*/
  },
  {
    name: 'baidu',
    path: '/baidu',
    component: () => import('@/pages/BaiDu.vue'),
    meta: {
      alias: '百度一下',
    },
  },
  {
    name: 'taobao',
    path: '/taobao',
    component: () => import('@/pages/TaoBao.vue'),
    meta: {
      alias: '淘宝购物',
    },
  },
  {
    name: 'xiaohongshu',
    path: '/xiaohongshu',
    component: () => import('@/pages/XiaoHongShu.vue'),
    meta: {
      alias: '小红书',
    },
  },
]

// 第三步：创建路由实例，在此处需要将刚刚配置的路由项内容注册到路由实例对象中
let router = createRouter({
  // 此处配置的是路由路径的生成方式
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
})

// 第四步，导出路由实例对象
export default router
